<!---  --->
<style lang = 'scss' scoped>
.mint-swipe{
    height: 200px;
}
.mint-swipe-item{
    &:nth-child(1){
        background-color: red;
    }
    &:nth-child(2){
        background-color: palevioletred;
    }
    &:nth-child(3){
        background-color: cyan;
    }
}

</style>

<template>
    <div>
       
        <mt-swipe :auto="4000">
        <mt-swipe-item>1</mt-swipe-item>
        <mt-swipe-item>2</mt-swipe-item>
        <mt-swipe-item>3</mt-swipe-item>
        </mt-swipe>
         <h3>HomeContainer</h3>

    </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {
      getLunbotu(){
          this.$http.get("https://vue.studyit.io/api/getlunbo").then(result=>{
              console.log(result.body);
          })

      }

  },
  // 生命周期 - 创建完成
  created () {

  },

  // DOM挂载完毕
  mounted () {

  }
}
</script>
